@charset "utf-8";
/*首页index*/
@import  "helpers/_mixins.scss";                  //常用变量定义
@import  "components/_pagination.scss";           //分页引用

.content{
	width: 1000px;
	height: auto;
    margin: 0 auto;
    .address_title{
    	width: 980px;
    	height: 18px;
    	line-height: 19px;
    	color: $defaultColor;
    	text-align: left;
    	font-size: 18px;
    	margin:40px 0 20px 20px;
    }
    .address_content{
    	width: 100%;
    	height: auto;
    	background: #fff;
    	margin-bottom: 40px;
    	overflow: hidden;
    	ul{
    		li{
    			width:100%;
    			height:28px;
    			line-height: 29px;
    			padding-top: 10px;
    			select{
    				width: 100px;
    				height: 28px;
                    border: 1px solid #ccc;
    				&:hover { 
    					border:1px solid #ff9c00;
    					 }
    			}
    			textarea{
    				width:250px;
    				height:80px;
    				resize:none;
                    padding:5px;
                    box-sizing:border-box;
                    -moz-box-sizing:border-box; /* Firefox */
                    -webkit-box-sizing:border-box; /* Safari */
                    border: 1px solid #ccc;
    				&:hover { 
    					border:1px solid #ff9c00;
    					 }
    			}
    			input{
    				width:250px;
    				height:28px;
    				float:left;
                    padding-left:5px;
                    border: 1px solid #ccc;
    				box-sizing:border-box;
					-moz-box-sizing:border-box; /* Firefox */
					-webkit-box-sizing:border-box; /* Safari */
					&:hover { 
    					border:1px solid #ff9c00;
    					 }
    			}
    			span{
    				width:75px;
    				height:28px;
    				font-size: 12px;
    				float:left;
    				text-align: right;
    				padding-right: 5px;
    				.necessary_ico{
	    				color:#ff9122;
	    			}
    			}
    			
    		}
    	}
    	p{
    		width: 100%;
    		height: 20px;
    		padding:10px 0 10px 75px;
    		font-size: 12px;
    	}
    	.save_info{
    		width:116px;
    		height:30px;
    		font-size: 18px;
    		background:#ff9c00;
    		color:#fff;
    		margin:10px 0 40px 75px;
    		outline: none;
    		border: none;
    		cursor: pointer;
    		@include border-radius(30px);
    		&:hover {
    			background: #feae32;
    		}
    	}
    	table{
    		width:880px;
    		height:auto;
    		margin: 0 0 40px 20px;
		    border: 1px solid #ccc;
		    border-bottom: none;
    		thead{
    			background: #f1f1f1;
    			font-size: 12px;
    			color: #333;
    			tr{
    				th{
    			        padding:15px 0;
    			        text-align: center;
    			        font-weight:normal;
    			        border-bottom: 1px solid #ccc;
    				}
    				.consignee{
    					width:10%;
    				}
    				.city{
    					width:10%;
    				}
    				.city_address{
    					width:20%;
    				}
    				.Postcodes{
    					width: 10%;
    				}
    				.tel_phone{
						width: 15%;
					}
					.add_edit{
						width:10%;
					}
                    .address_default{
                        width: 10%;
                    }	
                  
    			}
    		}
    		tbody{
    			td{
    				padding:15px 0;
    				text-align: center;
    				border-bottom: 1px solid #ccc;
    				font-size: 12px;
    			}
    			.consignee{
					width:10%;
				}
    			.city{
					width:10%;
				}
				.city_address{
					width:20%;
				}
				.Postcodes{
					width: 10%;
				}
				.tel_phone{
					width: 15%;
				}
				.add_edit{
					width:10%;
					color: #299cff;
					cursor: pointer;
					span{
						&:hover{
							color: #ff9c00;
						}
					}
				}
                .address_default{
                    width: 10%;
                    a{
                        border: 1px solid #ff9c00;
                        color: #ff9c00;
                        padding: 2px 5px;
                        @include border-radius(10px);
                    }
                }		
    		}
    	}
    }

}

